<template>
	<view>
		<view class="view-text" style="font-weight: bold;">如何授权基站获取我的定位信息？</view>
		<view class="view-text" style="font-weight: bold;">方法一：（推荐）</view>
		<view class="view-text">点击下面“获取授权短信”按钮，收到邀请授权短信后根 据短信提示回复即可。</view>
		<view class="autho-code" @click="getLBSAuth">获取授权短信</view>
		<view class="view-text">由于运营商网络问题、手机杀毒软件拦截等原因导致无 法收到邀请短信可通过以下方式处理：</view>
		<view class="row-css view-text" style="align-items: center;">
			<view class="view-rodio"></view>
			请检查手机助手拦截短信列表
		</view>
		<view class="row-css view-text" style="align-items: center;">
			<view class="view-rodio"></view>
			去到网络环境更好的地方重试
		</view>
		<view class="row-css view-text" style="align-items: center;">
			<view class="view-rodio"></view>
			根据“方法二”的指引主动发送短信
		</view>
		<view class="view-text" style="font-weight: bold;">方法二：</view>
		<view class="view-text">使用注册手机号编辑短信“888”发送到xxxx xxxx xxxx</view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	methods: {
		getLBSAuth(){
			this.wxRequest({
				url: `${this.API}/user/LBSAuth`,
				method: 'POST',
				data: {
					phoneNumber: uni.getStorageSync(this.DATA_KEY.userInfo).phoneNumber
				},
				success: res => {
					uni.showToast({
						title: '短信授权已发送成功，请按短信提示操作！',
						icon: 'none'
					});
				}
			});
		}
	},
	onLoad() {}
};
</script>

<style>
page {
	font-size: 28rpx;
	background: #ffffff;
}
.row-css {
	display: flex;
	flex-direction: row;
}

.column-css {
	display: flex;
	flex-direction: column;
}

.autho-code {
	background: #007aff;
	display: flex;
	justify-content: center;
	border-radius: 10rpx;
	color: #ffffff;
	padding: 20rpx;
	margin: 40rpx;
	width: 84%;
	font-size: 30rpx;
}

.view-rodio {
	display: flex;
	width: 15rpx;
	height: 15rpx;
	margin: 7.5rpx;
	border-radius: 50%;
	background: #333333;
}

.view-text {
	color: #333333;
	padding: 15rpx 20rpx;
}
</style>
